<template>
    <div class="layout">
        <Sidebar />
        <div class="main-content">
            <Header />
            <div class="content">
                <div class="content-wrapper">
                    <GlobalLoading />
                    <NuxtLoadingIndicator />
                    <NuxtPage />
                </div>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">


useSeo()
</script>
<style scoped>
.content-wrapper {
    position: relative;
    height: 100%;
}

.layout {
    display: flex;
    height: 100vh;
}

.main-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.content {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background-color: #f5f5f5;
}
</style>